<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ADESSA</title>
    <link href="css/screen.css" rel="stylesheet" type="text/css" />
    <!-- tab top  -->

    <script type="text/javascript" src="js/tabber.js"></script>

    <link rel="stylesheet" href="css/example.css" type="text/css" media="screen">

    <script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
    </script>

    <!-- js menu left-->

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/ddaccordion.js"></script>

    <script type="text/javascript">

ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


    </script>

</head>
<body>
    <!-- wapper begin-->
    <div class="wapper">
        <!-- top begin-->
        <div class="top">
            <div class="list_menu_top">
                <ul>
                    <li><a href="#"><span>My Adessa</span> </a></li>
                    <li><a href="#"><span>Business Talks </span></a></li>
                    <li class="prite"><a href="#"><span>JOB</span> </a></li>
                </ul>
            </div>
            <div class="gif">
                <img src="images/gif.png" width="46" height="66" /></div>
            <div class="logo">
                <a href="#">
                    <img src="images/logo.gif" width="212" height="81" border="0" /></a></div>
            <div class="list_menu">
                <ul class="list_menu_right fr">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Outsourcing </a></li>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Advertising with us</a></li>
                    <li><a href="#">Our services</a></li>
                    <li><a href="#">Agent program</a></li>
                    <li><a href="#">Contact us</a></li>
                </ul>
                <ul class="list_menu_left fr">
                    <li class="join_free"><a href="#">nhvu2008</a></li>
                </ul>
                <div class="clr">
                </div>
            </div>
            <div>
                <div class="clr">
                </div>
                <div class="tab_bg">
                    <div class="tabber" style="margin-left: 230px; padding-top: 11px;">
                        <div class="tabbertab">
                            <h2>
                                BUY</h2>
                            <div class="search_top_main" style="margin-left: -230px;">
                                <input type="text" class="text_box fl" value="Enter the Product name " />
                                <select name="" class="cb_box fl">
                                    <option>Country</option>
                                </select>
                                <select name="" class="cb_box fl">
                                    <option>Categories</option>
                                </select>
                                <a href="#">
                                    <input type="submit" class="btn_search_main" id="ctl00_Search1_btnSearch" value="SEARCH">
                                </a>
                            </div>
                        </div>
                        <div class="tabbertab">
                            <h2 style="margin-bottom: 8px;">
                                SELL</h2>
                            <div class="search_top_main" style="margin-left: -230px;">
                                <input type="text" class="text_box fl" value="Enter the Product name 1 " />
                                <select name="" class="cb_box fl">
                                    <option>Country</option>
                                </select>
                                <select name="" class="cb_box fl">
                                    <option>Categories</option>
                                </select>
                                <a href="#">
                                    <input type="submit" class="btn_search_main" id="ctl00_Search1_btnSearch" value="SEARCH">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- top-->
        <!-- Content general begin-->
        <div class="content_general">
            <!-- Left main begin-->
            <div class="left_main fl">
                <!-- Main menu area begin-->
                <div class="main_menu_area">
                    <div class="main_menu_area_top">
                        MAIN MENU</div>
                    <div class="main_menu_area_mid">
                        <div class="glossymenu">
                            <a class="menuitem submenuheader" href="#">Account setting</a>
                            <div class="submenu">
                                <ul>
                                    <li><a href="#" class="selected1">Edit member profile</a></li>
                                    <li><a href="#">Change Company infomation</a></li>
                                    <li><a href="#">Change password</a></li>
                                </ul>
                            </div>
                            <a class="menuitem" href="#">Company profile</a> <a class="menuitem submenuheader"
                                href="#">Buying leads</a>
                            <div class="submenu">
                                <ul>
                                    <li><a href="#">Post a new buying lead </a></li>
                                    <li><a href="#">Manage buying leads</a></li>
                                </ul>
                            </div>
                            <a class="menuitem submenuheader" href="#">Buying leads</a>
                            <div class="submenu">
                                <ul>
                                    <li><a href="#">Post a new selling lead</a></li>
                                    <li><a href="#">Manage selling leads</a></li>
                                </ul>
                            </div>
                            <a class="menuitem" href="#">Trade alerts</a> <a class="menuitem" href="#">Gold member</a></div>
                    </div>
                </div>
                <!-- Main menu area begin-->
            </div>
            <!-- Left main -->
            <!-- Left right main begin-->
            <div class="fl left_right_main">
                <div class="member_are">
                    <div class="log_out">
                        <a href="#">Logout</a></div>
                    <ul>
                        <li><span>Member Area</span> </li>
                    </ul>
                </div>
                <div style="font-size: 20px" class="red">
                    Edit member profile</div>
                <div class="form_post_sell mt_10px">
                    <div class="formrow">
                        <div class="lb_medium right fl">
                            Gender:</div>
                        <div class="fl text_normal">
                            nhvu2008@gmail.com
                        </div>
                        <div class="clr">
                        </div>
                    </div>
                    <div class="formrow">
                        <div class="lb_medium right fl">
                            Full Name:
                        </div>
                        <input name="" type="text" class="textbox_medium fl" />
                        <div class="clr">
                        </div>
                    </div>
                    <div class="formrow ">
                        <div class="lb_medium right fl">
                            Address:
                        </div>
                        <input name="" type="text" class="textbox_large fl" />
                        <div class="clr">
                        </div>
                    </div>
                    <div class="formrow">
                        <div class="lb_medium right fl">
                            Telephone:
                        </div>
                        <select name="" class="select_medium fl">
                            <option>-- Select one --</option>
                        </select>
                        <div class="clr">
                        </div>
                    </div>
                    <div class="formrow">
                        <div class="lb_medium right fl">
                            Fax:
                        </div>
                        <select name="" class="select_medium fl">
                            <option>-- Select one --</option>
                        </select>
                        <span class="red1">(*)</span>
                        <div class="clr">
                        </div>
                    </div>
                    <div class="mt_10px" style="padding-left: 160px;">
                        <a href="#" class="btn_general fl"><span class="fl">CONTINUES </span>
                            <img src="images/next.gif" width="15" height="14" class="fl" style="padding: 6px 5px 0 0px;" />
                        </a>
                        <div class="clr">
                        </div>
                    </div>
                    <div class="clr">
                    </div>
                </div>
            </div>
        </div>
        <!-- Left right main -->
        <div class="clr">
        </div>
    </div>
    <!-- Content general -->
    <!-- Bottom begin-->
    <div class="bottom">
        <div class="line_top">
        </div>
        <div class="line_bot">
            <ul class="b1">
                <li><a href="#" class="nobg">Buy</a> </li>
                <li><a href="#">Sell</a></li>
                <li><a href="#">My Adessa </a></li>
                <li><a href="#">Community </a></li>
                <li><a href="#">Term of use</a></li>
                <li><a href="#">Privacy Policy </a></li>
                <li><a href="#">Site Map</a></li>
            </ul>
            <div class="clr mb_10px">
            </div>
            <ul class="b2">
                <li><a href="#" class="nobg">Home</a> </li>
                <li><a href="#">Outsourcing</a></li>
                <li><a href="#">About us </a></li>
                <li><a href="#">Advertising with us</a></li>
                <li><a href="#">Our services</a></li>
                <li><a href="#">Agent Program </a></li>
                <li><a href="#">Contact us</a></li>
            </ul>
            <div class="clr">
            </div>
        </div>
        <div class="center" style="padding: 5px 0;">
            Copyright © 2011 Adessa. All rights reserved</div>
    </div>
    <!-- Bottom -->
    </div>
    <!-- wapper page-->
</body>
</html>
